<template>
    <button @click="$emit('tolarge',2)">通过$emit('tolarge',2)向上抛出tolarge事件</button>
    <p>标题是：{{ blogTitle }}</p>
    <table>
        <thead>
            <tr>
                <th>编号</th>
                <th>用户名</th>
                <th>姓名</th>
                <th>性别</th>
            </tr>
        </thead>
        <tbody>
            <tr v-for="item, index in items" :key="item.id">
                <td v-for="value in item">
                    {{ value }}
                </td>
            </tr>
        </tbody>
    </table>
</template>
<script>
export default{
  //props:['items','blogTitle'],//显示声明要接收props数据
  props:{
     blogTitle: {
        type:String,//校验父组件传递的数据类型
        default(proxy){
            console.log(proxy);
            return "default 函数返回默认值"
        },
        validator(value){//校验函数，value是父组件传递过来的值
            console.log('blogTitle = ', value,value.length)
            if(value.length < 10){
                console.warn('blogTitle length too long')
                return false;
            }
            return true;
        }
     },
     items:Array,
},
emits:['tolarge'],//通过字符串数组方式显示声明抛出了哪些事件?
}
</script>